Y lo haré con las tablas, si, ya sé que es algo poco original, pero pueden ser útiles.
Como veréis debajo de cada post hay una tabla que encierra el texto de comentarios, el permanent link, autor del post, y todo lo que vamos añadiendo.
En la sidebar, columna de la derecha hay otra, envuelve el texto con un link que hace referencia a mi felicitación navideña. Es una forma de delimitar, ordenar, clasificar o decorar un espacio.
Así que manos a la obra, crear tablas es sencillo, el código es el siguiente:
<table border="1"><tbody><tr><td>aquí ponemos el texto, imagen, enlace o lo que deseamos</td></tr></tbody></table>
<hr />
El resultado de ese código sería este:
| aquí ponemos el texto, imagen, enlace o lo que deseamos |
También podemos poner un fondo de color en nuestra tabla, para cambiar el color de la tabla cambiamos donde dice: bgcolor="#99ccff" por el color que se desea poner, incluyendo el entrecomillado. Ver tablas de colores aquí -->
<table bgcolor="#99ccff" border="1" bordercolor="white"><tbody><tr><td><fontcolor="white">aquí ponemos el texto, imagen, enlace o lo que deseamos</fontcolor="white"></td></tr></tbody></table>
<hr />
El resultado sería este:
Si deseamos crear un grupo de tablas:
<table border="1"><tbody><tr><td>aquí ponemos el texto, imagen, enlace o lo que deseamos</td></tr></tbody></table>
<table border="1"><tbody><tr><td>aquí ponemos el texto, imagen, enlace o lo que deseamos</td></tr></tbody></table>
<table border="1"><tbody><tr><td>aquí ponemos el texto, imagen, enlace o lo que deseamos</td></tr></tbody></table>
<table border="1"><tbody><tr><td>aquí ponemos el texto, imagen, enlace o lo que deseamos</td></tr></tbody></table>
(He diferenciado con color para saber donde comienza y finaliza cada tabla)
De resultado:
| aquí ponemos el texto, imagen, enlace o lo que deseamos |
| aquí ponemos el texto, imagen, enlace o lo que deseamos |
| aquí ponemos el texto, imagen, enlace o lo que deseamos |
| aquí ponemos el texto, imagen, enlace o lo que deseamos |
Cada vez que deseamos añadir una tabla añadireamos:
<tbody><tr><td> aquí el texto </td><br /></tr></tbody> cerrando siempre al final del código con </table>
Con el código que trabajamos para añadirle un color de fondo tambien podemos cambiar el efecto de la tabla.
Podemos darle mayor relieve al borde aumentando el valor: border=
Cambiar el color del borde en: bordercolor=
Es fácil, si te quedan dudas házmelo saber ;)
Gracias por el servicio que realizas con tu Blog. Feliz Año.
Tengo dos observaciones: 1. No pones en la tabla el size font: ¿no es posible? 2. Estoy organizando las etiquetas según la barra horizontal que propone barra TrucoBlogger, pero no quiero que aparezca el cuadro con las etiquetas al entrar en una de ellas ¿es posible eliminarla?
Saludos anónimo:
Por supuesto que podemos añadir el font size que como ya sabrás es el tamaño de fuente, envolviendo el texto con las etiquetas <font size=1> y </font> de la siguiente manera:
<table border=1><tbody><tr><td><font size=7>
aquí ponemos el texto, imagen, enlace o lo que deseamos</font></td></tr></tbody></table>
Podemos variar el valor del size de 1 a 7 a mayor número mayor tamaño de fuente.
Supongo que cuando mencionas las etiquetas te refieres a la nueva versión de Blogger, las etiquetas vienen por defecto tipo texto, aunque se puede cambiar la imagen por tipo botón o pestaña, lo que no entiendo muy bien es eso que no quieres que aparezca el cuadro al entrar en una de ellas.
Si pudieras ser más explicito o dejar la Url de tu blog quizás sea más fácil situarme en tu pregunta.
Bienvenido y Feliz Año
Gracias por tu pronta respuesta. Y la solución para las fuentes en las tablas. El segundo problema ya lo resolví y te agradezco tu interés. Tu blog es actual, interesante y de mucha utilidad para los que intentamos comunicarnos por acá. Un fin de semana provechoso.
Gracias anónimo ;)
como hago para hacer una tabla con 5filas y tres oclumnas,que debo hacr para calibrar la anchura de cada colunna?
Saludos Felipe:
Clica aquí:
ejemplo de tablas
Copida el código si así lo deseas, pasados unos días eliminaré esa entrada.
Hola Gema! sabes cómo puedo hacer para que el texto no esté tan pegado a los bordes de la tabla? Es decir, para que haya un margen tanto en la derecha, como en la izquierda, arriba y abajo.
Muchas gracias, un saludo.
¡¡¡Hola efecinco¡¡¡
Siento contestar tan tarde, verás hay un truco para lo que deseas hacer que simplifica las cosas. Se trata de utilizar el editor de entradas, incluyes el código de la tabla y el contenido que pondrás dentro (lo incluyes en html)
Luego pasa a la forma de Editar para ver el efecto y estando en Editar poner el cursor donde empieza el texto de la tabla, le das a la tecla Intro eso hace que baje un espacio, luego lo haces con los extremos pones el cursor donde empieza el texto de la tabla y le das a espacio y para terminar lo haces donde termina el texto y le das otra vez a espacio;)
Tanta explicación parece complicado pero resulta d elo más sencillo
Hola Gem@, ahora que he solucionado el problema de las ventanas modales me surge otro al crear tablas ¿es que nunca puede salir nada bien a la primera?
Quiero poner un cuadro con cuatro imágenes en la entrada del blog y lo he hecho mediante una tabla de 2 filas y dos columnas. el problema es que las imágenes salen separadas un poco del borde inferior del marco de la tabla, y además la tabla guarda una separación con respecto al titulo de la entrada que no puedo aproximar más.
¿como podría quitar esas separaciónes? Si no, ¿hay alguna otra manera de conseguir unir la imágenes en horizontal y vertical sin recurrir a las tablas? Puedes verlo en un blog de pruebas que he creado: http://probarantesdemodificar.blogspot.com/
Gracias.
yz Hola M@nuel, a veces aunque muy pocas las cosas salen a la primera pero ten por seguro que más adelante algo se va a estropear. El blog es como una casa cuando no gotea un grifo se atasca una cañería :)
No he podido ver el blog de pruebas porque no tengo acceso :0
Disculpa Gem@, ya está abierto.
yz M@nuel puedes cerrarlo ya, voy a hacer una prueba y te comento ;)
yz Veamos ¿es es esto más o menos lo que deseas hacer?
¡¡Estupendo, Gem@!! Ahora guardan la misma separación con respecto al marco. Seguro que es más sencillo de lo que parece, pero a veces siempre empiezo por el camino más complicado.
Así me vale para lo que quiero. Si se puede añadir mas filas de imágenes pues mucho mejor, y si nó pues también me vale. Muchíisimas gracias.
yz M@nuel, mándame un mail para que explicarte paso a paso (es mucho más sencillo que las tablas y se puede modificar los colores fácilmente)
Recibido el mail y puesto en práctica, Gem@. Tu solución es mejor que crearlo con tablas y además lo explicas muy bien. Se me ha ocurrido que quizás quiera insertar un título encima de cada imágen pero no se me ocurre como.
Aunque pregunto mucho también estoy aprendiendo mucho gracias a tí.
yz Me alegra mucho M@nuel, nada más termine los comentarios paso a ver ese correo ;)
Gem@, ¿te llegó mi correo? Solo era para ver si se podía añadir un título encima o debajo de cada una de las imágenes del grupo.
yz Si M@nuel es que se hizo muy tarde, voy a probar ya mismo y te contesto.. ;)
Gem@, solo queda un pequeño detalle. Parece que hay un salto de linea entre el título de la primera imágen y el de la segunda no quedando éstas alineadas. He estado tocando algunos valores al código pero consigo nada.
Te dejo el blog de pruebas abierto:
http://probarantesdemodificar.blogspot.com/
Nota: solo los miembros de este blog pueden publicar comentarios.